@import "../../styles/base";

/*商品评价*/
.ga-product-comments{
  .top-box{
    @extend %flex;
    background: #fff;
    padding:25rpx 22rpx 0;
    font-size:24rpx;
  }

  .tabs{
    background: #fff;
    padding:0 22rpx 25rpx;
    overflow: hidden;

    .item{
      margin-top:25rpx;
      margin-right:22rpx;
      float:left;
      @include wh(135rpx,46rpx,46rpx);
      text-align: center;
      background: $grayLighter;
      color:$gray;
      @include border-radius(8rpx);

      &.active{
        background: $primary;
        color:#fff;
      }
    }
  }

  .comment-list{
    .item{
      background: #fff;
      padding:22rpx;
      margin-top:22rpx;
    }

    .person{
      @extend %flex;

      .name{
        margin-left:15rpx;
      }

      .img-box{
        @include wh(46rpx,46rpx);
        background: $bg;
        border:1px solid $grayLighter;
        @include border-radius(50%);
        text-align: center;
        float: left;

        img{
          height:100%;
        }
      }
    }

    .con-box{
      font-size:24rpx;
      margin-top:20rpx;
      color:$gray;
    }

    .img-list{
      background: #fff;
      width:720rpx;

      .img-box{
        @include flex(0 0 auto);
        margin-top:20rpx;
        margin-right:10rpx;
        @include wh(130rpx,150rpx);
        border:1px solid $grayLighter;
        float:left;

        .img{
          height:100%;
        }
      }
    }
  }
}
